<!-- <!DOCTYPE html>
<html>
    
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        <title>
            注册 - Fly社区
        </title>
        <link rel="stylesheet" href="//at.alicdn.com/t/font_aw93q7mhbm7k3xr.css">
        从Public目录开始找
        <link rel="stylesheet" href="__PUBLIC__/layui/css/layui.css">
        <link rel="stylesheet" href="__PUBLIC__/css/global.css">
        
    </head>
    
    <body>
        <div class="header">
            <div class="main">
                <a class="logo" href="/" title="Fly">
                    Fly社区
                </a>
                <div class="nav">
                    <a href="/jie/">
                        <i class="iconfont icon-wenda">
                        </i>
                        讨论
                    </a>
                    <a href="/case/2017/">
                        <i class="iconfont icon-iconmingxinganli" style="top: 2px;">
                        </i>
                        案例
                    </a>
                    <a href="http://www.layui.com/">
                        <i class="iconfont icon-ui">
                        </i>
                        框架
                    </a>
                </div>
                <div class="nav-user">
                    <a class="unlogin" href="/user/login/">
                        <i class="iconfont icon-touxiang">
                        </i>
                    </a>
                    <span>
                        <a href="/user/login/">
                            登入
                        </a>
                        <a href="/user/reg/">
                            注册
                        </a>
                    </span>
                    <p class="out-login">
                        <a href="http://fly.layui.com:8098/app/qq" onclick="layer.msg('正在通过QQ登入', {icon:16, shade: 0.1, time:0})"
                        class="iconfont icon-qq" title="QQ登入">
                        </a>
                        <a href="http://fly.layui.com:8098/app/weibo/" onclick="layer.msg('正在通过微博登入', {icon:16, shade: 0.1, time:0})"
                        class="iconfont icon-weibo" title="微博登入">
                        </a>
                    </p>
                </div>
            </div>
        </div> -->


        <div class="main layui-clear">
            <div class="fly-panel fly-panel-user" pad20>
                <div class="layui-tab layui-tab-brief" lay-filter="user">
                    <ul class="layui-tab-title">
                        <li>
                            <a href="{:U('home/login/index')}">
                                登入
                            </a>
                        </li>
                        <li class="layui-this">
                            注册
                        </li>
                    </ul>
                    <div class="layui-form layui-tab-content" id="LAY_ucm" style="padding: 20px 0;">
                        <div class="layui-tab-item layui-show">
                            <div class="layui-form layui-form-pane">
                                <form method="post">
                                    <div class="layui-form-item">
                                        <label for="L_email" class="layui-form-label">
                                            邮箱
                                        </label>
                                        <div class="layui-input-inline">
                                            <input type="text" id="L_email" name="email" required lay-verify="email"
                                            autocomplete="off" class="layui-input">
                                        </div>
                                        <div class="layui-form-mid layui-word-aux">
                                            将会成为您唯一的登入名
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <label for="L_username" class="layui-form-label">
                                            昵称
                                        </label>
                                        <div class="layui-input-inline">
                                            <input type="text" id="L_username" name="nickname" required lay-verify="required"
                                            autocomplete="off" class="layui-input">
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <label for="L_pass" class="layui-form-label">
                                            密码
                                        </label>
                                        <div class="layui-input-inline">
                                            <input type="password" id="L_pass" name="password" required lay-verify="required"
                                            autocomplete="off" class="layui-input">
                                        </div>
                                        <div class="layui-form-mid layui-word-aux">
                                            6到16个字符
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <label for="L_repass" class="layui-form-label">
                                            确认密码
                                        </label>
                                        <div class="layui-input-inline">
                                            <input type="password" id="L_repass" name="repassword" required lay-verify="required"
                                            autocomplete="off" class="layui-input">
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <label for="L_vercode" class="layui-form-label">
                                            人类验证
                                        </label>
                                        <div class="layui-input-inline">
                                            <input type="text" id="L_vercode" name="verify" required lay-verify="required"
                                            placeholder="请回答后面的问题" autocomplete="off" class="layui-input">
                                        </div>
                                        <div class="layui-form-mid">
                                            <span style="color: #c00;">
                                                <?php echo $question ?>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <button class="layui-btn" lay-filter="reg" lay-submit>
                                            立即注册
                                        </button>
                                    </div>
                                    <div class="layui-form-item fly-form-app">
                                        <span>
                                            或者直接使用社交账号快捷注册
                                        </span>
                                        <a href="http://fly.layui.com:8098/app/qq" onclick="layer.msg('正在通过QQ登入', {icon:16, shade: 0.1, time:0})"
                                        class="iconfont icon-qq" title="QQ登入">
                                        </a>
                                        <a href="http://fly.layui.com:8098/app/weibo/" onclick="layer.msg('正在通过微博登入', {icon:16, shade: 0.1, time:0})"
                                        class="iconfont icon-weibo" title="微博登入">
                                        </a>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
		
		<script type="text/javascript">
          layui.use(['form','jquery'], function(){
          var form = layui.form(),
          layer = layui.layer,
          $ = layui.jquery;
          
          /*$('#L_email').blur(function(event) {
            alert(666)
          });*/
 
      //自定义验证规则
      /*form.verify({
        title: function(value){
          if(value.length < 5){
            return '标题至少得5个字符啊';
          }
        }
        ,pass: [/(.+){6,12}$/, '密码必须6到12位']
        ,content: function(value){
          layedit.sync(editIndex);
        }
      });*/
  
      //监听指定开关
      /*form.on('switch(switchTest)', function(data){
        layer.msg('开关checked：'+ (this.checked ? 'true' : 'false'), {
          offset: '6px'
        });
        layer.tips('温馨提示：请注意开关状态的文字可以随意定义，而不仅仅是ON|OFF', data.othis)
      });*/
  
      //监听提交
      form.on('submit(reg)', function(data){
        //console.log(data);
        $.ajax({ 
            /*./index.php/home/reg/checkData  U方法传模块·控制器·方法名*/
            url: '{:U('home/reg/checkData')}',
            type: 'POST',
            dataType: 'json',
            data: data.field,
        })
        .done(function(respones) {
            if (respones.error==1) {
                layer.msg(respones.info,
                    function(){});  
            }else{
                layer.alert(respones.info, {icon: 6}, function(){
                    location.replace('{:U('home/login/index')}')
                });
                    
            }
            
        })
        .fail(function() {
            console.log("error");
        })
        
        
        return false;
      });
      
      
    });
    </script>

       <!--  <div class="footer">
           <p>
               <a href="http://fly.layui.com/">
                   Fly社区
               </a>
               2017 &copy;
               <a href="http://www.layui.com/">
                   layui.com
               </a>
           </p>
           <p>
               <a href="http://fly.layui.com/jie/3147.html" target="_blank">
                   产品授权
               </a>
               <a href="http://fly.layui.com/jie/8157.html" target="_blank">
                   获取Fly社区模版
               </a>
               <a href="http://fly.layui.com/jie/2461.html" target="_blank">
                   微信公众号
               </a>
           </p>
       </div>
       <script src="__PUBLIC__/layui/layui.js">
       </script>
       
       <script type="text/javascript">
       		  layui.use(['form','jquery'], function(){
       		  var form = layui.form(),
       		  layer = layui.layer,
       		  $ = layui.jquery;
       		  
       		  /*$('#L_email').blur(function(event) {
       		  	alert(666)
       		  });*/
        
       	  //自定义验证规则
       	  /*form.verify({
       	    title: function(value){
       	      if(value.length < 5){
       	        return '标题至少得5个字符啊';
       	      }
       	    }
       	    ,pass: [/(.+){6,12}$/, '密码必须6到12位']
       	    ,content: function(value){
       	      layedit.sync(editIndex);
       	    }
       	  });*/
         
       	  //监听指定开关
       	  /*form.on('switch(switchTest)', function(data){
       	    layer.msg('开关checked：'+ (this.checked ? 'true' : 'false'), {
       	      offset: '6px'
       	    });
       	    layer.tips('温馨提示：请注意开关状态的文字可以随意定义，而不仅仅是ON|OFF', data.othis)
       	  });*/
         
       	  //监听提交
       	  form.on('submit(reg)', function(data){
       	  	//console.log(data);
       	    $.ajax({ 
       	    	/*./index.php/home/reg/checkData  U方法传模块·控制器·方法名*/
       	    	url: '{:U('home/reg/checkData')}',
       	    	type: 'POST',
       	    	dataType: 'json',
       	    	data: data.field,
       	    })
       	    .done(function(respones) {
       	    	if (respones.error==1) {
       	    		layer.msg(respones.info,
       	    			function(){});	
       	    	}else{
       	    		layer.alert(respones.info, {icon: 6}, function(){
       	    			location.replace('{:U('home/login/index')}')
       	    		});
       	    			
       	    	}
       	    	
       	    })
       	    .fail(function() {
       	    	console.log("error");
       	    })
       	    
       	    
       	    return false;
       	  });
       	  
       	  
       	});
       
       
       
       
       
       
       
       
       
       
       </script>
       
           </body>
       
       </html> -->